<template>
	<div class="fot">
			<div class="fotli" v-for="(i,n) in fot">
				<router-link :to="i.linkurl"><img :src="i.imgurl" /></router-link>
			</div>
	</div>
</template>

<script>
	export default {
	  name: 'fot',
	  data () {
	    return {
				fot:[{"imgurl":"../static/img/24.png","linkurl":"vue24"},
				{"imgurl":"../static/img/365.png","linkurl":"vue365"},
				{"imgurl":"../static/img/314.png","linkurl":"vue314"}]
	    }
	  }
	}
</script>
	
<style scoped="scoped">
	.fot{ position: fixed; bottom: 0; left: 0; width: 100%; display: flex; text-align: center; padding: 0.2rem 0; background: #FFFFFF; box-shadow: 0px 0px 10px #CCCCCC;}
	.fotli{ flex: 1; font-size: 12px;}
	.fotli img{ width: 0.4rem; display: block; margin: 0 auto;}
</style>
